<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- build:css ../css/index.pkg.css -->
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/index.css">
  <!-- endbuild -->

</head>

<body>
  <!-- header -->
  <header class="header">
    <div class="header-wrap">
      <i class="iconfont icon-sousuo"></i>
      <span class="header-text">香港航班恢复正常 | 香港航班恢复正常 | 香港航班恢复正常 | 香港航班恢复正常</span>
    </div>
  </header>

  <!-- navbar -->
  <section class="navbar">
    <div class="nav-left">
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item nav-active" href="#">推荐</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
      <a class="nav-item" href="#">关注</a>
    </div>
    <div class="nav-right">
      <i class="iconfont icon-liebiao"></i>
    </div>
  </section>

  <!-- content -->
  <section class="content">
    <div class="post">
      <p class="post-title">驻港公署：当前香港事态的本质是有人企图颠覆特区政府</p>
      <img class="post-img" src="./img/new_pic.jpg" alt="">
      <div class="post-detail">
        <img class="post-detail-hot" src="./img/hot.jpg" alt="">
        人民日报&emsp;18评论&emsp;刚刚
        <img class="post-detail-close" src="./img/err.jpg" alt="">
      </div>
    </div>

    <div class="post">
      <p class="post-title">驻港公署：当前香港事态的本质是有人企图颠覆特区政府</p>
      <div class="post-detail">
        <img class="post-detail-hot" src="./img/hot.jpg" alt="">
        人民日报&emsp;18评论&emsp;刚刚
        <img class="post-detail-close" src="./img/err.jpg" alt="">
      </div>
    </div>

    <div class="post">
      <p class="post-title">驻港公署：当前香港事态的本质是有人企图颠覆特区政府</p>
      <div class="post-detail">
        <img class="post-detail-hot" src="./img/hot.jpg" alt="">
        人民日报&emsp;18评论&emsp;刚刚
        <img class="post-detail-close" src="./img/err.jpg" alt="">

      </div>
    </div>

    <div class="post">
      <p class="post-title">驻港公署：当前香港事态的本质是有人企图颠覆特区政府</p>
      <div class="post-detail">
        <img class="post-detail-hot" src="./img/hot.jpg" alt="">
        人民日报&emsp;18评论&emsp;刚刚
        <img class="post-detail-close" src="./img/err.jpg" alt="">

      </div>
    </div>

    <div class="post">
      <p class="post-title">驻港公署：当前香港事态的本质是有人企图颠覆特区政府</p>
      <div class="post-detail">
        <img class="post-detail-hot" src="./img/hot.jpg" alt="">
        人民日报&emsp;18评论&emsp;刚刚
        <img class="post-detail-close" src="./img/err.jpg" alt="">
      </div>
    </div>
  </section>

  <!-- tabbar -->
  <section class="tabbar">
    <div class="tab-item">
      <i class="iconfont icon-index"></i>
      <div>首页</div>
    </div>
    <div class="tab-item">
      <i class="iconfont icon-ztlistshipin"></i>
      <div>首页</div>
    </div>
    <div class="tab-item">
      <i class="iconfont icon-jia"></i>
      <div>首页</div>
    </div>
    <div class="tab-item">
      <i class="iconfont icon-huoshanxiaoshipin-"></i>
      <div>首页</div>
    </div>
    <div class="tab-item">
      <i class="iconfont icon-weidenglu"></i>
      <div>首页</div>
    </div>
  </section>

  <script>
    window.onload = function () {
      var html = document.querySelector("html");
      html.style.fontSize = html.offsetWidth / 750 * 200 + "px";
      addEventListener("resize", function () {
        html.style.fontSize = html.offsetWidth / 750 * 200 + "px";
      }, false);
    } 
  </script>
</body>

</html>